<template>
  <div>
      <div class="content-box detail">
        <h6 class="title-h6">产品链接信息</h6>
        <!-- <linkpro-top></linkpro-top> -->
        <ul class="title" style="padding-top:15px;">
            <li class="proinfo">
                <p class="name">所属产品:</p>
                <div class="nameinfo">
                    {{proLink.name}}
                </div>
            </li>
            <li class="proinfo">
                <p class="name">产品别名:</p>
                <div class="nameinfo">
                    {{proLink.byname}}
                </div>
            </li>
            <li class="proinfo">
                <p class="name">客户:</p>
                <div class="nameinfo">
                    {{proLink.customer}}
                </div>
            </li>
            <li class="proinfo">
                <p class="name">投放渠道:</p>
                <div class="nameinfo">
                    {{proLink.putChannel}}
                </div>
            </li>
        </ul>
        <ul class="title"  v-if="proLink.putChannel === '本地包'">
            <li class="proinfo">
                <p class="name">投放站点:</p>
                <div class="nameinfo">
                    {{proLink.name}}
                </div>
            </li>
            <li class="proinfo">
                <p class="name" style="vertical-align:top">对应软件:</p>
                <div class="nameinfo soft">
                    {{proLink.number}}
                </div>
            </li>
            <li class="proinfo">
                <p class="name">添加时间:</p>
                <div class="nameinfo">
                    {{proLink.time}}
                </div>
            </li>
        </ul>
        <ul class="title"  v-if="proLink.putChannel === '下载器' || proLink.putChannel === '外放'">
            <li class="proinfo">
                <p class="name">软件包渠道号:</p>
                <div class="nameinfo">
                    <!-- {{proLink.name}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name" style="vertical-align:top">软件包下载地址:</p>
                <div class="nameinfo">
                    <!-- {{proLink.number}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name">软件包名称:</p>
                <div class="nameinfo">
                    <!-- {{proLink.time}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name">桌面链接:</p>
                <div class="nameinfo">
                    <!-- {{proLink.time}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name">备注:</p>
                <div class="nameinfo">
                    <!-- {{proLink.time}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name">状态:</p>
                <div class="nameinfo">
                    <!-- {{proLink.time}} -->
                </div>
            </li>
        </ul>
        <ul class="title"  v-if="proLink.putChannel === '收藏夹'">
            <li class="proinfo">
                <p class="name">使用权重规则:</p>
                <div class="nameinfo">
                    <!-- {{proLink.name}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name" >收藏夹分类:</p>
                <div class="nameinfo">
                    <!-- {{proLink.number}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name">链接渠道号:</p>
                <div class="nameinfo">
                    <!-- {{proLink.time}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name">链接名称:</p>
                <div class="nameinfo">
                    <!-- {{proLink.time}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name">链接地址:</p>
                <div class="nameinfo">
                    <!-- {{proLink.time}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name">备注:</p>
                <div class="nameinfo">
                    <!-- {{proLink.time}} -->
                </div>
            </li>
            <li class="proinfo">
                <p class="name">状态:</p>
                <div class="nameinfo">
                    <!-- {{proLink.time}} -->
                </div>
            </li>
        </ul>
        <el-button>编辑</el-button>
      </div>
      
  </div>
</template>

<script>
export default {
  data() {
      return {
        proLink: {
           name: '爱奇艺',
           byname: '爱奇艺',
           customer: '爱奇艺有限公司',
           putChannel:'收藏夹',
           time: '2018-08-08 22:22:22',
           number: '579121,375953,84569,585137,595959,8801070,636795,749369,252845,293129,91540,59567,87793,23568,500115,116953,580673,531757,576826,118897,531758,34399,58472,576827,193651,618299,48472,587591,706145,613683,587948,589224,83491,582145,114933,632942,66952,31324,78631,554321,579215,579387,48038,46971,95946,58762,111951,624186,532589,115527,114934,937593,456138,413897,579518,399674,25416,193252,288536,116942,92336,531462,116735,115379,35917,96683,83226,99384,85618,' 
        }  
      }
  }
}
</script>

<style>
.detail {
    padding-bottom: 15px;
}
  .detail ul {
      list-style: none;
  }
    .detail .title {
      padding:0;
      width: 500px;
    }
    .detail .title .name {
        text-align: right;
        width: 45%;
    }
    .detail .title .nameinfo {
        width: 49%;
        margin-left: 15px;
    }
    .detail .soft {
        border:1px solid #ddd;
        padding: 5px;
        word-wrap: break-word;
        color: #666;
    }
</style>
